import React, { Component } from 'react';
class DemoSetStateAttr extends Component {
    // 属性
    state ={
        userinfo:{
            role:"admin",
            age:18,
            email:"123@163.com"//邮箱地址
        }
    }
    // 更改用户信息
    changeUserInfo=(email)=>{
        let userinfo = this.state.userinfo
        userinfo.email=email
        this.setState({
            userinfo
        })
    }
    //书写页面值
    render(){
        return(
            <div className="demoSetstateAtrr">
                <h1>修改state对象下面的某个属性</h1>
                <p>邮箱：{this.state.userinfo.email}</p>
                <button onClick={()=>this.changeUserInfo('test@163.com')}>修改邮箱地址</button>    
            </div>
        )
    }
}
